<!DOCTYPE html>
<html>
   <head>
      <title>Bootstrap 模板</title>
	  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" charset="UTF-8" >
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <link href="css/bootstrap.min.css" rel="stylesheet">
      <script src="js/jquery-1.11.1.min.js"></script>
      <script src="js/bootstrap.min.js"></script>
      <!--[if lt IE 9]>
         <script src="js/html5shiv.js"></script>
         <script src="js/respond.min.js"></script>
      <![endif]-->
   </head>
   <body>
   <!--按钮           连接modal			对应id      -->
   	<button data-toggle="modal" data-target="#op">点我试试^_^</button>
   	<div class="modal" id="op"><!--包含整个modal  id为op -->
   	<div class="container"><!--限制（固定）范围加居中-->
   		<div class="row"><!--row有12列-->
   		<div class="col-xs-12">
   		<div class="modal-dialog">
   			<div class="modal-content"><!--边框-->
   				<div class="modal-header">
   					<button class="close" data-dismiss="modal">&times;</button>
   					<h3>呵呵</h3>
   				</div>
   				<div class="modal-body">
   					<div class="row">
   						<div class="col-xs-12 col-sm-6 col-md-4">
   							<div class="thumbnail"><!--缩略图-->
   								<img src="t1.jpg"/>
   								<div class="caption"><!--图下面加文字-->
   									呵呵哒
   								</div>
   							</div>
   						</div>
   						<div class="col-xs-12 col-sm-6 col-md-4">
   							<div class="thumbnail">
   								<img src="t1.jpg"/>
   								<div class="caption">
   									呵呵哒
   								</div>
   							</div>
   						</div>
   						<div class="col-xs-12 col-sm-6 col-md-4">
   							<div class="thumbnail">
   								<img src="t1.jpg"/>
   								<div class="caption">
   									呵呵哒
   								</div>
   							</div>
   						</div>
   					</div>
   				</div>
   				<div class="modal-footer">
   					<button class="btn btn-info" data-dismiss="modal">点我返回</button><!--按钮样式          返回的地方-->
   				</div>
   			</div>
   		</div>
   		</div>
   		</div>
   	</div>
   	</div>
  </body>
</html>